<div class="row">
  <div class="col-md-9" style="position: relative; z-index: 2;">
    <ba-card title="撰写新文章" baCardClass="with-scroll">
      <article-edit-main 
          [(tag)]="article.tag"
          [(title)]="article.title"
          [(content)]="article.content"
          [(keywords)]="article.keywords"
          [(description)]="article.description">
      </article-edit-main>
    </ba-card>
  </div>
  <div class="col-md-3">
    <ba-card title="分类目录" baCardClass="with-scroll">
      <article-edit-category [(category)]="article.category"></article-edit-category>
    </ba-card>
    <ba-card title="自定义扩展" baCardClass="with-scroll">
      <article-edit-extend [(extends)]="article.extends"></article-edit-extend>
    </ba-card>
    <ba-card title="发布选项" baCardClass="with-scroll">
      <article-edit-submit 
          [isEdit]="!!article._id"
          [(state)]="article.state" 
          [(ppublic)]="article.public" 
          [(password)]="article.password" 
          (submitArticle)="submitArticle()">
      </article-edit-submit>
    </ba-card>
    <ba-card title="缩略图" baCardClass="with-scroll">
      <ba-picture-uploader [(ngModel)]="article.thumb"></ba-picture-uploader>
    </ba-card>
  </div>
</div>
